<!DOCTYPE html>
<html ng-app="aa">
	<head>
		<meta charset="UTF-8">
		<title>作用域</title>
		<script type="text/javascript" src="js/angular.js" ></script>
		<script>
		/**
		 * $scope局部变量
		 * $rootScope全局变量  
		 * 先找局部变量，再去找全局变量。
		 *$scope对象就是一个普通的JavaScript对象，我们可以在其上随意修改或添加属性.
		 *$scope的所有属性，都可以自动被视图访问到.
		 * */
		var aa=angular.module("aa",[]);
		aa.controller("Aaa",["$scope",function($scope){
			$scope.name='hello';
		}]);
		
		aa.controller("Bbb",["$scope","$rootScope",function($scope,$rootScope){
			$rootScope.age='hello rootscope';
			$scope.name="第二个";
		}]);
		
		aa.controller("Ccc",function($scope){
			$scope.name="压缩代码后，代码会失效。不要用这种写法。使用上面的写法，可以避免这种错误。";
		});
		
			
		</script>
	</head>
	<body>
		<div ng-controller="Aaa">
			<p>{{name}}</p>
			<p>{{age}}</p>
		</div>
		
		<div ng-controller="Bbb">
			<p>{{name}}</p>
		</div>
		
		
		<div ng-controller="Ccc">
			<p>{{name}}</p>
		</div>
		
	</body>
</html>
